<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <link href="views/Hplus-v.4.1.0/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="views/Hplus-v.4.1.0/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/iCheck/custom.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/chosen/chosen.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/cropper/cropper.min.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/switchery/switchery.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/nouslider/jquery.nouislider.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/datapicker/datepicker3.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/ionRangeSlider/ion.rangeSlider.css" rel="stylesheet">
    <link href="views/Hplus-v.4.1.0/css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/plugins/clockpicker/clockpicker.css" rel="stylesheet">

    <link href="views/Hplus-v.4.1.0/css/animate.css" rel="stylesheet">
    <link href="views/Hplus-v.4.1.0/css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body>
<div class="ibox-content">
    <h3>
        日期选择器
    </h3>
    <p>
        简单好用的日期选择器
    </p>

    <div class="form-group" id="data_1">
        <label class="font-noraml">简单示例</label>
        <div class="input-group date">
            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
            <input type="text" class="form-control" value="2014-11-11">
        </div>
    </div>

    <div class="form-group" id="data_2">
        <label class="font-noraml">年视图</label>
        <div class="input-group date">
            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
            <input type="text" class="form-control" value="2014-11-11">
        </div>
    </div>

    <div class="form-group" id="data_3">
        <label class="font-noraml">10年视图</label>
        <div class="input-group date">
            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
            <input type="text" class="form-control" value="2014-11-11">
        </div>
    </div>

    <div class="form-group" id="data_4">
        <label class="font-noraml">选择月份</label>
        <div class="input-group date">
            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
            <input type="text" class="form-control" value="2014-11-11">
        </div>
    </div>

    <div class="form-group" id="data_5">
        <label class="font-noraml">范围选择</label>
        <div class="input-daterange input-group" id="datepicker">
            <input type="text" class="input-sm form-control" name="start" value="2014-11-11" />
            <span class="input-group-addon">到</span>
            <input type="text" class="input-sm form-control" name="end" value="2014-11-17" />
        </div>
    </div>
</div>


<!-- 全局js -->
<script src="views/Hplus-v.4.1.0/js/jquery.min.js?v=2.1.4"></script>
<script src="views/Hplus-v.4.1.0/js/bootstrap.min.js?v=3.3.6"></script>

<!-- 自定义js -->
<script src="views/Hplus-v.4.1.0/js/content.js?v=1.0.0"></script>

<!-- Chosen -->
<script src="views/Hplus-v.4.1.0/js/plugins/chosen/chosen.jquery.js"></script>

<!-- JSKnob -->
<script src="views/Hplus-v.4.1.0/js/plugins/jsKnob/jquery.knob.js"></script>

<!-- Input Mask-->
<script src="views/Hplus-v.4.1.0/js/plugins/jasny/jasny-bootstrap.min.js"></script>

<!-- Data picker -->
<script src="views/Hplus-v.4.1.0/js/plugins/datapicker/bootstrap-datepicker.js"></script>

<!-- Prettyfile -->
<script src="views/Hplus-v.4.1.0/js/plugins/prettyfile/bootstrap-prettyfile.js"></script>

<!-- NouSlider -->
<script src="views/Hplus-v.4.1.0/js/plugins/nouslider/jquery.nouislider.min.js"></script>

<!-- Switchery -->
<script src="views/Hplus-v.4.1.0/js/plugins/switchery/switchery.js"></script>

<!-- IonRangeSlider -->
<script src="views/Hplus-v.4.1.0/js/plugins/ionRangeSlider/ion.rangeSlider.min.js"></script>

<!-- iCheck -->
<script src="views/Hplus-v.4.1.0/js/plugins/iCheck/icheck.min.js"></script>

<!-- MENU -->
<script src="views/Hplus-v.4.1.0/js/plugins/metisMenu/jquery.metisMenu.js"></script>

<!-- Color picker -->
<script src="views/Hplus-v.4.1.0/js/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>

<!-- Clock picker -->
<script src="views/Hplus-v.4.1.0/js/plugins/clockpicker/clockpicker.js"></script>

<!-- Image cropper -->
<script src="views/Hplus-v.4.1.0/js/plugins/cropper/cropper.min.js"></script>

<script src="views/Hplus-v.4.1.0/js/demo/form-advanced-demo.js"></script>

</body>
</html>